<html>
<body>

<ul>
    <li>09资源额度与使用月度报告&nbsp;&nbsp;</li>
</ul>
<p style="margin: 0 32px">
    一 2022年度总预算与消耗状况 <br />
    二 云资源4大主要类型费用分布 <br />
    三 各部门云费用额度剩余值(月度更新) <br />
    四 09月度新增/回收/增降配等变更清单 <br/>
</p>
<br><br>

<div>一.2022年度总预算与消耗状况</div>
<div style="margin: 20px"><img width="700" src=data:image/png;base64,{{ line }} alt="image/png;base64"><br></div>
<div>二.云资源4大主要类型费用分布</div>
<div style="margin: 20px"><img width="700" src=data:image/png;base64,{{ bar }} alt="image/png;base64"><br></div>
<div>三.各部门云费用额度剩余值(月度更新)</div>
<div style="margin: 20px"><img width="700" src=data:image/png;base64,{{ png }} alt="image/png;base64"><br></div>
<div>四.09月度新增/回收/增降配等变更清单</div>
<table style="width: 100%;border-collapse: collapse; margin: 0 32px; border-style: solid; border-color: #f4f4f5;"
       border="1" cellpadding="8">
    <thead>
    <tr>
        <th>费用归属</th>
        <th>申请标题</th>
        <th>费用类型</th>
        <th>每月费用</th>
        <th>申请月份</th>
    </tr>
    </thead>

    <tbody>
    {% for item in items%}
    <tr>
        <td style="width: 40px;border-style: dashed;text-align: center;">{{item['cost_ownership']}}</td>
        <td style="width: 150px;border-style: dashed;text-align: center;">{{item['title']}}</td>
        <td style="width: 40px;border-style: dashed;text-align: center;">{{ item['type']}}</td>
        <td style="width: 40px;border-style: dashed;text-align: center;">{{ item['price_month']}}</td>
        <td style="width: 40px;border-style: dashed;text-align: center;">{{ item['cost_create_month']}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>

</body>
<footer style="margin: 8px 32px;">
    <p style="color:gray;">阿里云资源额度管理系统V1.0[系统自动发送，请勿回复]</p>
</footer>

<!--<footer style="text-align: center;line-height: 80px;;text-indent:2em;margin-left: 20px;margin-right: 10px;margin-top: 20px;">-->
<!--    阿里云资源额度管理系统V1.0-->
<!--</footer>-->
</html>
